<template>
   <div class="city-body">
       <!-- 3、组件调用 -->
       <PublicHeader>
           <div slot="title-slot">选择城市</div>
           <div slot="hamburg-slot"><!-- 空内容置空覆盖汉堡包插槽默认值 --></div>
       </PublicHeader>
       <HotCity></HotCity>
   </div>
</template>
   
<script>
    // 1、组件调用
    import PublicHeader from '@/components/PublicHeader'
    import HotCity from './HotCity'
    export default {
        data () {
           return {
               
           }
        },
        // 2、组件注册定义
        components: {
            PublicHeader,HotCity
        }
    }
</script>
   
<style scoped>
   
</style>